<h2>{{hero.name}}</h2>
<div>
    <span>id:</span>{{hero.id}}
</div>
<div>
    <span>name:</span>{{hero.name | uppercase}}
</div>

<div>
    <label>
    name:
    <input type="text" placeholder="name" [(ngModel)]="hero.name">
  </label>
</div>